草庐IT

Bootstrap 按钮(Button)插件

全部标签

javascript - bootstrap collapse 只切换一次

我又一次在这里拉扯我的头发...所以我有bootstrapcollapseworkingwithjsFiddle(http://jsfiddle.net/rasreye/xtPtH/1/)-但是当我添加到我的网站时,它只会崩溃一次...(即单击它打开的标题,再次单击它关闭,再次单击然后什么都没有)这是指向存在问题的实际页面的链接:http://www.urbanoffering.com/custom-optimizations这是JS//$(document).ready(function(){location.hash&&$(location.hash+'.collapse').co

javascript - 使用 AngularJS 折叠时如何切换按钮上的图标?

我有这个按钮Details当我点击它时,我想切换为Details并在折叠时使用icon-fullscreen恢复它。有AngularJS的方法吗? 最佳答案 我认为这可能会成功:Details在这种情况下,当isCollapsed为真且icon-fullscreen当它不是真的。这是documentation.当将键值对对象传递给ngClass时,键表示在其值评估为真时将应用的类。 关于javascript-使用AngularJS折叠时如何切换按钮上的图标?,我们在StackOverfl

javascript - 为什么我的 JQuery 插件导致无法读取未定义的属性 'length'?

我有点不好意思问另一个无法读取未定义的属性“长度”问题,但是没有在线(SE或其他)答案与我手头的问题有任何关系。p>我已尽力缩小我的情况发生此脚本错误的原因,但我不知所措。如果我在页面中排除此标记,错误将不再出现:所有jquery-ui-1.10.3.drag-drop.min.js文件是jquery-custom我重命名的文件,其中包括jquery可拖动、可放置和可排序。我确信这个错误是由我写的一些脚本引起的,但由于我刚刚开始对此进行测试,所以我没有太多的脚本可以“注释掉”,当我这样做时,它我的困惑,没有摆脱错误。到目前为止,我发现消除该错误的唯一方法是完全排除该插件,如果我这样做,

javascript - 如何在 Bootstrap 3 Carousel 上设置动画高度变化

我知道有this题。建议解决方案doesn'twork不幸的是,对于Bootstrap3(尽管它是does对于bs2.3.1)。那我该怎么做呢? 最佳答案 可以用一个简单的JavaScript代码段来解决这个问题:functionbsCarouselAnimHeight(){$('.carousel').carousel({interval:5000}).on('slide.bs.carousel',function(e){varnextH=$(e.relatedTarget).height();$(this).find('.act

javascript - 使用取决于 jQuery Validation 插件

我有一个带有一堆文本框的表单,这些文本框默认情况下是禁用的,然后通过使用每个文本框旁边的复选框启用。启用时,这些文本框中的值必须是有效数字,但禁用时,它们不需要值(很明显)。我正在使用jQueryValidation插件来执行此验证,但它似乎没有达到我的预期。当我单击复选框并禁用文本框时,尽管我已将depends子句添加到规则中(请参见下面的代码),但我仍然收到无效字段错误。奇怪的是,实际发生的是错误消息显示一瞬间然后消失。这是复选框和文本框列表的示例:OneTwo这是我正在使用的jQuery代码//WireuptheclickeventonthecheckboxjQuery('#It

javascript - Ext RadioGroup - 如何访问所选单选按钮的值?

我在访问单选组中所选单选按钮的值时遇到了一些困难。根据论坛和网络上其他帖子中的讨论,我尝试了多种不同的方法。不幸的是,没有足够的幸运(或技术)让它发挥作用。基于以下FormPanel配置,我希望有人能告诉我如何获取组“mainPhone”中所选radio的值。谢谢!想要更新以表明我能够从stackoverflow获得响应,而EXT-JS论坛没有为我提供任何帮助。开始使用stackoverflow!马特functioncreateForm(elem){varmyForm2=newExt.form.FormPanel({renderTo:elem,width:425,frame:true,

javascript - 在 Backbone 和 Requirejs 中使用 jQuery 插件

我正在使用backbone+requirejs+jquery,我在当前的html页面(确切地说是backbonehtml模板)中加载jquery插件时遇到问题。有我需要的配置:require.config({paths:{//...somecodeaboutbackboneconfigjquery:'/js/lib/jquery/jquery.min','jquery.camera':'/js/jquery/jquery.camera'},shim:{//...somecodeaboutbackboneconfig'jquery.camera':['jquery']}});在我的布局h

javascript - Bootstrap 3 - 如何在点击时淡入警告框并在 3 秒后淡出

我正在使用AngularJS和Bootstrap3。我的网络应用程序有一个“更新”按钮,用于保存用户所做的任何更改。当用户单击“更新”按钮时,我想激活并淡入Bootstrap的警告框,提示“信息已保存”,然后在3秒后淡出。我不知道如何创建此功能,可能需要一些帮助..更新:我决定使用这种方法:HTMLUpdateJavaScript$scope.save=function(){$('#alert_placeholder').html('×Yourinformationhasbeenupdated.')setTimeout(function(){$("div.alert").r

javascript - 使用 JavaScript/jQuery 的后退按钮

我有两个相同的HTML页面(index.html和page1.html),其中包含两个按钮:SubmitCancel其中一个按钮更改为第二页,第二个按钮的作用类似于后退按钮。(理想情况下,您可以使用第一个按钮转到第二页,然后使用第二页上的后退按钮返回第一页。)我使用JavaScript控制它(这只适用于index.html按钮,但page1.htmlJS是相同的):$(document).on('click','#submit',function(){$(":mobile-pagecontainer").pagecontainer("change","page1.html",{tran

javascript - 如何在 React 中使用 Bootstrap 工具提示?

我之前有工具提示,正在尝试将我的组件迁移到React。我还没有使用react-bootstrap,因为我不确定我是否会使用它,因为它仍在大力开发中,还不是1.0。这是我的渲染代码的片段:并调用它:我知道您必须调用工具提示函数才能显示它,我认为这就是我搞砸的地方。我目前正在尝试这样的事情:componentDidMount(){$(this.refs.test).tooltip();//this.refs.test.tooltip();?//$('[data-toggle="tooltip"]').tooltip();?}但是这些似乎都不起作用。工具提示未显示。